<template>
  <div>
      <div class="com-top-nav">
        <van-nav-bar
        title="发布"
      />
      </div>
       <div>
        <van-tabs v-model="active">
        <van-tab v-for="index in 3" :title="title[index-1]" :key="index">
           {{ title[index-1] }}
        </van-tab>
      </van-tabs>
      </div>
      <bottom-person-nav/>
  </div>
</template>
<script>
import bottomNav from '../components/person-nav.vue'
import Vue from 'vue'
import { NavBar,Tab, Tabs  } from 'vant';

Vue.use(NavBar).use(Tab).use(Tabs);

Vue.use(NavBar);
export default {
  data(){
    return {
       active: 0,
      title:['进行中','已报名','已完成']
    }
  },
    components:{
        'bottom-person-nav':bottomNav
    }
}
</script>

<style lang="less" scope>
@import url('../../static/style/bottom-person-nav.less');
.demo-color-btn {
  margin: 8px;
}
</style>
